<style>
/*************************************************************弹出页面*/
#mask
{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(214,214,214,0.5);
    text-align: center;
}
#mask .panel
{
    display:none;
    width: 360px;
    margin:auto auto;
    background: #FFF;
    border-radius: 5px;
}
#mask .panel i
{
    display: inline-block;
    margin-top:30px;
    /*background-image: url(images/style-tmt.png);*/
    background-position: -0px -83px;
    width: 83px;
    height: 83px;
}
#mask .panel .txt
{
    padding: 30px 0;
    font-size: 15px;
    color: #888;
}
#mask .panel .btn p
{
    width:120px;
    height:41px;
    line-height:41px;
    margin:20px auto;
    background:#0099cd;
    color:#fff;
    font-size:12px;
    cursor:pointer;
    text-align:center;
}
#mask .panel .btn .sure
{
    float:left;
    margin-left:30px;
}
#mask .panel .btn .no
{
    float:right;
    margin-right:30px;
}

#panelMask {
    display: none;
    position: fixed;
    left: 180px;
    top: 60px;
    width: 100%;
    height: 100%;
    background: rgba(36, 36, 36, 0.3);
    text-align:center;
}
#panel {
    position:fixed;
    background:#fff;
    top:60px;
    left:180px;
    bottom:0;
    overflow: hidden;
}
#panel .load{
    display:none;
    height:100%;
    overflow-y:auto;
    overflow-x:hidden;
    margin-right:-50px;
}

.close
{
    width:30px;
    float:right;
    cursor:pointer;
    margin-left:-50px;
}
#loginout
{
    cursor:pointer;
}
</style>
<div class="app app-header-fixed" id="app">
    <aside id="aside" class="app-aside">
        <div id="" class="sidebar-fold fa fa-bars"></div>
        <div class="aside-wrap  bg-green" id="app-first-sidebar">
            <div class="navi-wrap">
                <nav ui-nav="" class="navi clearfix">
                    <ul class="nav">
                    </ul>
                </nav>
            </div>
        </div>
    </aside>
    <div id="content" class="app-content" role="main">
        <div class="aside-wrap bg-white-only" id="app-second-sidebar">
            <div class="navi-wrap">
                <nav ui-nav="" class="navi clearfix">
                    <ul class="nav">
                    </ul>
                </nav>
            </div>
            <div class="viewFramework-product-navbar-collapse">
                <div class="product-navbar-collapse-inner">
                    <div class="product-navbar-collapse-bg"></div>
                    <div class="product-navbar-collapse">
                        <span class="fa fa-chevron-left"></span>
                        <span class="fa fa-chevron-right"></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-container">
            <div id="app-third-sidebar">
                <nav class="ui-nav">
                    <ul>

                    </ul>
                </nav>
            </div>
            <div id="app-container" class="container-fluid">
            </div>
            <!--警告确认弹框-->
            <div id="mask">
                <div class="panel">
                    <img class="close" src="src/img/1-02.png"/>
                    <i></i>
                    <div class="txt"></div>
                    <div class="btn">
                        <p class="sure">确定</p>
                        <p class="no">取消</p>
                    </div>
                    <div style="clear:both"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="loading">
    <div id="loading-center">
        <div id="loading-center-absolute">
            <div class="object" id="object_one"></div>
            <div class="object" id="object_two"></div>
            <div class="object" id="object_three"></div>
            <div class="object" id="object_four"></div>
            <div class="object" id="object_five"></div>
            <div class="object" id="object_six"></div>
            <div class="object" id="object_seven"></div>
            <div class="object" id="object_eight"></div>
            <div class="object" id="object_big"></div>
        </div>
    </div>
</div>
<script type="text/javascript">
    function alertCall(title, callback,isCon) {
        $('#mask').show();
        $('#mask .panel').css('margin-top',($('#mask').height()-$('#mask .panel').height())/2+'px')
                .fadeIn()
                .find('.txt').html(title);
        if(isCon)
        {
            $('#mask .panel').find('i').hide();
            $('#mask .panel').find('.btn').show();
            $('#mask .sure').one('click',function(){
                $(this).off();
                if(callback) callback();
                $('#mask .close').click();
            });
            $('#mask .close,#mask .no').one('click',function(){
                $(this).off();
                $('#mask,#mask .panel').fadeOut();
            })
        }
        else
        {
            $('#mask .panel').find('i').show();
            $('#mask .panel').find('.btn').hide();
            $('#mask .close').one('click',function(){
                $(this).off();
                $('#mask,#mask .panel').fadeOut();
                if(callback) callback();
            })
        }
    }
    function confirmCall(title, callback) {
        alertCall(title,callback,true);
    }
    function panelCall(html){
        $('#panelMask').show();
        $('#panel').show()
                .css({'width':0})
                .animate({'width':'440px'},function(){
                    $('#panel .load').load(html,function(){
                        $('#panel>.loading img').hide();
                        $(this).show();
                    });
                })
                .find('#panel>.loading img').show()
                .css('margin-top',($('#panelMask').height()-$('.loading img').height())/2+'px');

        $('#panelMask .close,.menu').one('click',function(){
            closePanel();
        });
    }
    function closePanel() {
        $('#panel').animate({'width':0},function(){
            $('#panelMask').fadeOut();
            $('#panel').hide().find('.load').empty();
            $('#laydate_box').remove();
        })
    }
</script>
<script>
    var utilFn = {

    }
    var jsonLibs = {

    }
    var widget = {

    }
    var global = {
        rootPath:'http://'+window.location.host,
        chartServer:'http://xxxx3848484.w3.luyouxia.net',
        cssPath:'src/css',
        jsPath:'src/js',
        templatePath:'src/view',
        ajaxDebug:true,
        lg:{
            today:moment().format('YYYY-MM-DD'),
            last7Days:moment().subtract(7,'day').format('YYYY-MM-DD'),
            last30Day:moment().subtract(30,'day').format('YYYY-MM-DD')
        },
        temp:{},  //变量缓存
        serverKey:0,  //分页
        alertNumber:0
    }
</script>
<script src="src/js/utils/utils.js" type="text/javascript"></script>
<script src="src/js/utils/jsonLibs.js" type="text/javascript"></script>
<script src="src/js/utils/widget.js" type="text/javascript"></script>
<script src="src/js/utils/city.js" type="text/javascript"></script>
<script src="src/js/page/index.js"></script>
